<!-- ProductInfo 页 -->
<template>
  <div v-model="info"
       class="ProductInfo">
    <el-form v-if="info?true:false"
             ref="form"
             v-model="info"
             label-width="80px">

      <el-row :gutter="24">

        <el-col :span="12"
                :offset="0">
          <el-form-item label="商品名称:">
            <el-input v-model="info.name"
                      :disabled="true" />
          </el-form-item>
        </el-col>

        <el-col :span="12"
                :offset="0">
          <el-form-item label="店铺名称:">
            <el-input v-model="info.business.company_name"
                      :disabled="true" />
          </el-form-item>
        </el-col>

      </el-row>

      <el-row :gutter="24">

        <el-col :span="24">
          <el-carousel height="150px">
            <el-carousel-item v-for="item in 4"
                              :key="item">
              <h3 class="small">{{ item }}</h3>
            </el-carousel-item>
          </el-carousel>
        </el-col>

      </el-row>

    </el-form>
  </div>
</template>

<script>

export default {
  props: {
    value: {
      default: null
    }
  },
  // data () {
  //   return {
  //     info: ''
  //   }
  // },
  computed: {
    info: {
      get () {
        console.log('get => value', this.value)
        return this.value
      },
      set (val) {
        this.$emit('input', val)
      }
    }
  }
}
</script>
<style lang="scss" scoped>
/* @import url(); 引入css类 */
.ProductInfo {
}
</style>
